<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>库存管理系统</title>
		<link rel='icon' href='../favicon.ICO' type='image/x-ico' /> 
		<!--vendor css-->
		<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css" />
		<!--plug-in css -->
		<!--common css-->
		<link rel="stylesheet" href="../assets/css/common.css" />
		<link rel="stylesheet" href="../assets/css/theme.css" />
		<!--us css-->
		<link rel="stylesheet" href="../assets/css/styles.css" />
		<link rel="stylesheet" href="../assets/css/index.css" />
		<link rel="stylesheet" href="storemg.css" />
	</head>
	<body>
		<!--html start-->
		<div id="mainContent" class="row main-content">
			<div id="headContent" class="col-md-12 col-xs-12 head-content">
				<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="../index.html"><span>Stock</span>库存管理系统</a>
							<ul class="user-menu">
								<li class="dropdown pull-right">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
									<ul class="dropdown-menu" role="menu">
										<li><a href="../messages.html"><span class="glyphicon glyphicon-user"></span> Messages</a></li>
										<li><a href="../settings.html"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
										<li><a onclick="loginOutSystem();" href="javascript:;"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div><!-- /.container-fluid -->
				</nav>
			</div>
			<div id="webContent" class="col-md-12 col-xs-12 relative web-content">
				<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
					<ul class="nav menu" id="adminMenu">
						<!--<li class="active"><a href="index.html"><span class="glyphicon glyphicon-dashboard"></span> Dashboard</a></li>
						<li><a href="widgets.html"><span class="glyphicon glyphicon-th"></span> Widgets</a></li>
						<li><a href="charts.html"><span class="glyphicon glyphicon-stats"></span> Charts</a></li>
						<li><a href="tables.html"><span class="glyphicon glyphicon-list-alt"></span> Tables</a></li>
						<li><a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> Forms</a></li>
						<li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> Alerts &amp; Panels</a></li>
						<li class="parent ">
							<a href="#">
								<span class="glyphicon glyphicon-list"></span> Dropdown <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
							</a>
							<ul class="children collapse" id="sub-item-1">
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 2
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 3
									</a>
								</li>
							</ul>
						</li>
						<li role="presentation" class="divider"></li>
						<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login Page</a></li>-->
					</ul>
				</div>
				<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 right-content">
					<div class="row">
						<ol class="breadcrumb">
							<li><a href="index.html"><span class="glyphicon glyphicon-home"></span></a></li>
							<li class="active">产品入库</li>
						</ol>
					</div><!--/.row-->
					
					<!--<div class="row">
						<div class="col-lg-12">
							<h1 class="page-header">Read Me</h1>
						</div>
					</div>-->
			        
			        <div class="row">
			        	<!--右侧内容-->
						<div id="manageContent" class="col-xs-12 col-md-12 col-lg-12 manage-content">

							<div class="panel panel-default">
								<div class="panel-heading">产品入库</div>
								<div class="panel-body">
									<div id="productForm" class="form-group">
										<label>产品搜索</label>
										<input id="productKeys" class="form-control form-line" placeholder="按产品编号、产品名称搜索" >
										<button id="productSearch" type="button" class="btn btn-primary">搜索</button>
										<button id="clearProductSearch" type="button" class="btn btn-primary">清空搜索</button>
									</div>
									<table class="table" id="productTable">
										<thead>
										<tr>
											<!--<th></th>-->
											<th>产品编号</th>
											<th>产品名称</th>
											<th>品牌</th>
											<th>产品型号</th>
											<th>库存</th>
											<th>单价</th>
											<th>销售量</th>
											<th>选购</th>
										</tr>
										</thead>
										<tbody id="proList">

										</tbody>
									</table>
								</div>
							</div>
							<div class="panel panel-default" id="addStoreProduct" hidden="hidden">
								<div class="panel-heading">入库产品</div>
								<div class="panel-body">
									<div class="form-group">
										<label>产品编号：<span id="productId"></span></label>
									</div>
								</div>
								<div class="panel-body">
									<div class="form-group">
										<label>产品名称：<span id="productName"></span></label>
									</div>
								</div>
								<div class="panel-body">
									<div class="form-group">
										<label>产品品牌：<span id="productBrand"></span></label>
									</div>
								</div>
								<div class="panel-body">
									<div class="form-group">
										<label>产品型号：<span id="productVersion"></span></label>
									</div>
								</div>
								<div class="panel-body">
									<div class="form-group">
										<label>产品库存：<span id="productStore"></span>件</label>
									</div>
								</div>
							</div>
						    <div class="panel panel-default">
						        <div class="panel-heading">入库信息</div>
						        <div class="panel-body from-setting">
						        	<div class="form-group">
										<label>入库数量</label>
										<input id="storeAddNum" class="form-control" type="number" min="1" step="1" placeholder="入库数量" >
									</div>
									<div class="form-group">
										<label>供应商</label>
										<select name="" class="form-control" id="supplierSelect">

										</select>
									</div>
									<div class="form-group">
										<label>入库价格</label>
										<input id="storeAddPrice" class="form-control" type="number" min="1" step="1" placeholder="入库价格" >
									</div>
						        </div>
						    </div>
						    <div class="panel panel-default">
						        <div class="panel-heading">
						        	<button id="btnCreateOrder" type="button" class="btn btn-primary">确认</button>
						        </div>
						    </div>
						</div>
					</div>
				</div>
			</div>
			<div id="footContent" class="col-md-12 col-xs-12 foot-content">
				<p>
					<a class="btn-theme-a" href="">京 ICP 证 09002463 号</a>
					|Copyright © 2017, 所有版权归为上海煜众网络科技有限公司所有
				</p>
			</div>
		</div> 
		<!--html end-->
		
		<!--vendor js-->
		<script type="text/javascript" src="../assets/vendor/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<!--plug-in js -->
		
		<!--common js-->
		<script type="text/javascript" src="../assets/js/gobalInit.js"></script>
		<script type="text/javascript" src="../assets/js/util.js"></script>
		<script type="text/javascript" src="../assets/js/default.js"></script>
		<!--us js-->
		<script type="text/javascript" src="../assets/js/index.js"></script>
		<script type="text/javascript" src="storemg.js"></script>
	</body>
</html>
